<template>
  <div class="menu-index">
    <!-- i标签是一个图标组件，class名不同样子也不同 -->
    <router-link to="/menu/add">
      <el-button icon="el-icon-circle-plus-outline">添加</el-button>
    </router-link>
    <v-list></v-list>
  </div>
</template>

<script>
import vList from './list'
export default {
  components: {
    vList
  },
  data() {
    return {
      
    }
  },
  methods: {
    
  },
}
</script>

<style>
  /* 覆盖element的样式：首先检查元素，找到元素的class名；使用组件根元素的class名作为父级 */
  .menu-index .el-button.el-button--default {
    background-color: #FB6D49;
    color: #fff;
  }
</style>